<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Beautyou Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="applisalonion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />	
<link rel="stylesheet" href="flexslider.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,600italic,800' rel='stylesheet' type='text/css'>
</head>
<body>
<!--start-home-->
		<div class="banner" id="home">
			<div class="container">
			  <div class="head-top">
			   <!--logo-->
			       <div class="logo">
                      <a href="index.html"><h1>want beautiful</h1></a>
				   </div>
				    <div class="phone"><i class="glyphicon glyphicon-phone"></i><p>1000000</p>
				      <h5>call me</h5>
					</div>
	               <div class="clearfix"></div>
					<!--//logo-->
              </div>
			   <div class="banner-inner">
			   <div class="callbacks_container">
						<ul class="rslides callbacks callbacks1" id="slider4">
							<li class="callbacks1_on" style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 500ms ease-in-out;">
								<div class="banner-info">
								<h3>Nails Salon</h3>
								</div>
							</li>
							<li class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;">
								<div class="banner-info">
								   <h3>Make You Dream with us</h3>
								</div>
							</li>
							<li class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;">
								<div class="banner-info">
								  <h3>We are Hair Solution</h3>
								</div>	
							</li>
						</ul>
						</div>
			   </div>
		    </div>
		</div>
	   <div class="header-bottom">
			  <div class="fixed-header">
			     <div class="menu">Menu</div>
					<span class="menu"> </span>
					<div class="top-menu">
					<nav>
						<ul class="cl-effect-16">
						<li><a href="index.html" data-hover="HOME">Home</a></li> 
						<li><a href="pages/include/about.html" data-hover="About">About</a></li>
						<li><a href="pages/include/typography.html" data-hover="SERVICES">SERVICES</a></li>
						<li><a href="pages/include/gallery.html" data-hover="Gallery">Gallery</a></li>
						<li><a class="active" href="pages/include/blog.html" data-hover="BLOG">BLOG</a></li>
						<li><a href="pages/include/contact.html" data-hover="CONTACT">Contact</a></li>
					</ul>
					</nav>		
					</div>

				 <div class="clearfix"></div>
			
			 </div>
		</div>
<!-- service-type-grid -->
	<div class="service-type-grid">
		<div class="container">
		    <h3 class="tittle">Our Services</h3>
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
					<!-- 循环遍历产品 -->
						<li>
							<div class="service-type-grd-info">
							  
								 <div class="col-md-6 service-type-main">
										<div class="service-type-grd-left">
											<img src="images/8.jpg" alt=" " class="img-Responsive" />
											<h5>美甲</h5>
										</div>
										<div class="service-type-grd-left">
											<img src="images/6.jpg" alt=" " class="img-Responsive" />
											<h5>美发</h5>
										</div>
										<div class="service-type-grd-left">
											<img src="images/8.jpg" alt=" " class="img-Responsive" />
											<h5>美妆</h5>
										</div>
								     </div>
									<div class="col-d-6 service-type-grd-right">
										<h3>剪发</h3>
										<h4>剪发服务 </h4>
										<p>类型：烫发、染发、拉直等等</p>
									</div>
									<div class="clearfix"> </div>
								</div>
						</li>
					<li>
							<div class="service-type-grd-info">
							  
								 <div class="col-md-6 service-type-main">
										<div class="service-type-grd-left">
											<img src="images/8.jpg" alt=" " class="img-Responsive" />
											<h5>美甲</h5>
										</div>
										<div class="service-type-grd-left">
											<img src="images/6.jpg" alt=" " class="img-Responsive" />
											<h5>美发</h5>
										</div>
										<div class="service-type-grd-left">
											<img src="images/8.jpg" alt=" " class="img-Responsive" />
											<h5>美妆</h5>
										</div>
								     </div>
									<div class="col-d-6 service-type-grd-right">
										<h3>剪发</h3>
										<h4>剪发服务 </h4>
										<p>类型：烫发、染发、拉直等等</p>
									</div>
									<div class="clearfix"> </div>
								</div>
						</li>
						<li>
							<div class="service-type-grd-info">
							  
								 <div class="col-md-6 service-type-main">
										<div class="service-type-grd-left">
											<img src="images/8.jpg" alt=" " class="img-Responsive" />
											<h5>美甲</h5>
										</div>
										<div class="service-type-grd-left">
											<img src="images/6.jpg" alt=" " class="img-Responsive" />
											<h5>美发</h5>
										</div>
										<div class="service-type-grd-left">
											<img src="images/8.jpg" alt=" " class="img-Responsive" />
											<h5>美妆</h5>
										</div>
								     </div>
									<div class="col-d-6 service-type-grd-right">
										<h3>剪发</h3>
										<h4>剪发服务 </h4>
										<p>类型：烫发、染发、拉直等等</p>
									</div>
									<div class="clearfix"> </div>
								</div>
						</li>
					</ul>
				</div>
			</section>
		</div>
	</div>
<!-- //service-type-grid -->
<!--start-banner-bottom-->
    <div class="hair-section">
	     <div class="container">
		<h3 class="tittle">我们的产品</h3>
	           <div class="grid">
	           <!-- 遍历产品 -->
			      <div class="col-md-4 h-f">
					<figure class="effect-jazz">
					<img src="images/s1.jpg" alt="img25"/>
						<figcaption>
								<h4>hair <span>Cutting</span></h4>
							<p>When Jazz starts to chase cars, the whole world stands still.</p>
							<a href="#">View more</a>
						</figcaption>			
					</figure>
					 <div class="hf-text"><h5>Hair Cutting</h5><p>$ 180</p></div>
				 </div>
				  <div class="col-md-4 h-f">
					 <figure class="effect-jazz">
						<a class="example-image-link" href="images/s6.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="images/s6.jpg" alt=""/></a>

						<figcaption>
							<h4>make<span>over</span></h4>
							<p>When Jazz starts to chase cars, the whole world stands still.</p>
							<a href="#">View more</a>
						</figcaption>			
					 </figure>
					 <div class="hf-text"><h5>Makeover</h5><p>$ 180</p></div>
				 </div>
				<div class="col-md-4 h-f">
					 <figure class="effect-jazz">
						<a class="example-image-link" href="images/s6.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="images/s6.jpg" alt=""/></a>

						<figcaption>
							<h4>make<span>over</span></h4>
							<p>When Jazz starts to chase cars, the whole world stands still.</p>
							<a href="#">View more</a>
						</figcaption>			
					 </figure>
					 <div class="hf-text"><h5>Makeover</h5><p>$ 180</p></div>
				 </div>
				</div>
		   </div>
		</div>
 <!--bottom-->
    <div class="s-bottom">
	<div class="container">
	       <div class="salon-top">
		    <h3>Flat 10% Discount On !!</h3>
			   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
			   <a class="read two" href="#">Read More</a>
		   </div>
	</div>
</div>
<!--footer-->
<div class="footer text-center">
		<div class="container">
			<div class="footer-grids">
				<div class="col-md-6 footer-text">  
					<h3>关于我们</h3>
					<p>***********河北邢台</p>
					<a class="read" href="about.html">更多</a>
				</div>
				<div class="col-md-6 footer-info">
					<h3>联系方式</h3>
					<p>010-100000</p>
			</div>
			<div class="clearfix"> </div>
		</div>
			<div class="copy">
              <p>版权所有©啦啦|地址：北京市东城区|邮编：10000|邮箱：2581937691@qq.com</p>
            </div>
		</div>
	</div>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<script src="js/Responsiveslides.min.js"></script>
<script defer src="js/jquery.flexslider.js"></script>
</body>
</html>